<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>开始使用layui</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body>
<!--<h1 align="center">评价列表</h1>-->
<div class="layui-form">
    <div class="layui-inline">
        <label class="layui-form-label"></label>
        <div class="layui-input-inline">
            <button class="layui-btn" lay-submit lay-filter="*">返回</button>
        </div>
    </div>
</div>

<!--表格-->
<table id="demo" lay-filter="test"></table>


<!-- 你的HTML代码 -->
<script src="/layui/layui.js"></script>


<script>
    //一般直接写在一个js文件中
    layui.use(['form','layer', 'table'], function(){
        var layer = layui.layer;
        var table = layui.table;
        var $=layui.$;
        var form=layui.form;
        var newid1=layui.data('test')
        var newid=newid1.id
        //第一个实例,渲染table
        var tableIns= table.render({
            elem: '#demo'//映射table
            ,toolbar: '#toolbarDemo'//后面添加行工具
            ,height: 'full-20'//全屏
            ,url: 'http://localhost:8080/comment/list/'+newid //数据接口
            ,page: true //开启分页
            ,cols: [[ //表头
                {field: 'id', title: '评价编号',  sort: true, fixed: 'left'}//固定长度    sort: true排序
                ,{field: 'content', title: '评价内容',}
                ,{field: 'author', title: '评价人'}
                ,{field: 'createdate', title: '创建时间',templet:function (d) {//时间
                        var d=new Date(d.createdate);
                        var date = d.getFullYear() + '年' + (d.getMonth() + 1) + '月' + d.getDate() +'日';
                        return date;

                    }}
            ]]
        });
        //监听头工具
        form.on('submit(*)', function(){
            setTimeout(function(){
                // 关闭当前弹出层
                //当你在iframe页面关闭自身时
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                parent.layer.close(index); //再执行关闭
            })
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
    });
</script>
</body>
</html>